body {
  display: flex;
  flex-wrap: wrap;
}
/*------------------------*/
/*-------Bannieres-------*/
/*------------------------*/
section#banniere{
  display: flex;
  flex-wrap: wrap;
  width: 60%;
  margin:0px auto 30px auto;
  border : solid 1px black;
}

section#banniere .presentation {
  margin: 10px;
}

section#banniere .presentation h2 {
  width : 100%;
  font-family : 'butler_extrabold';
  font-size: 40px;
  margin : auto;
  text-align: center;
  color : #556C96;
}

section#banniere .presentation p {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  text-align: justify;
  margin : 30px 50px;
}

section#banniere .presentation ul {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  text-align: justify;
  margin : 30px 50px;
}

section#banniere .presentation .logline{
  text-align: center;
}


/*------------------------*/
/*-------Boutons-------*/
/*------------------------*/

section#banniere .boutons{
  width : 100%;
  margin : auto;
  text-align: center;
}

section#banniere .presentation input {
  border : solid 1px black;
  cursor: pointer;
  background-color: white;
  padding : 10px;
  font-size: 16px;
  margin :3px auto;
  width: 290px;
}

section#banniere .presentation input:hover {
  border : solid 1px #FF584D;
  color : #FF584D;
}

/*----------------------------*/
/*--------RESPONSIVE----------*/
/*----------------------------*/

@media screen and (max-width: 1400px){
  section#banniere {
    width: 90%;
    margin: 110px auto 30px auto;
  }
}

@media screen and (max-width: 500px){
  section#banniere .presentation p {
    margin: 30px 13px;
  }
  section#banniere .presentation ul{
    margin : 30px 15px;
  }
}

@media screen and (max-width: 350px){
  section#banniere {
    width: 95%;
    margin: 75px auto 30px auto;
  }
  section#banniere .presentation h2{
    font-size: 30px;
  }
  section#banniere .presentation p{
    margin: 30px 5px;
    font-size: 15px;
  }
  section#banniere .presentation ul{
    font-size: 15px;
    margin : 0;
  }
  section#banniere .presentation input{
    width : 200px;
    font-size: 11px;
  }
}

@media screen and (max-width: 380px){
  section#banniere .presentation h2{
    font-size: 25px;
  }
}